<template>
    <div class="detail">
        <div class="detailblog">
            <h2>{{ item.title }}</h2>
<div class="lanmu">
{{item.createTime}} 作者 <span style="color: #1890ff;">{{item.name}}</span> 所属专栏 <span style="color: #1890ff;">{{item.typename}}</span> 
</div>
            <div v-html="item.content"></div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            item:{}
        }

    },
    mounted(){
        this.item=JSON.parse(this.$route.query.item)
        console.log(this.$route.query.item)
    }
}
</script>
<style scoped>
.lanmu{
    width: 100%;
    height: 50px;
    background: #f4f4f4;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 50px;
}
.detailblog{
    width: 100%;
background: #fff;
padding: 10px;
box-sizing: border-box;
}
.detail{
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;

}
</style>